body{background-color: #e1e3e5; font-family: "微软雅黑"}
html,body{width:100%;height:100%}
input,textarea{-webkit-appearance: none;}
p{margin: 0 0 5px;}
a,a:hover,a:visited{text-decoration: none;}
.padding-top-10{padding-top: 10px;}
.padding-10{padding:10px 0 !important;}
.padding-zy10{padding-left:7px !important; padding-right: 7px !important;}
.color-rule{ color: #F0AD4E;}
.color-999{color: #999;}
.display-none{
	display: none;
}
.border-bottom{
	border-bottom: 1px solid #d4d4d4;
}
.font-14{
	font-size: 14px !important;
}
/*首页*/
.sy_bd{
	background: #5db7e9;
	position: relative;
}
.sy_yun{
	width:100%;
	position: absolute;
	top:60px;
	overflow: hidden;
}
.sy_yun img{
	width:100%;
	position: relative;
	left:-50px;
	-webkit-animation:yun 3s 1 linear forwards;
	-ms-animation:yun 3s 1 linear forwards;
	-moz-animation:yun 3s 1 linear forwards;
	animation:yun 3s 1 linear forwards;	
}
@-webkit-keyframes yun{
	0%{
		left:00px;
	}
	100%{
		left:70px;
	}
}
.sy_title{
	width:80%;
	position: absolute;
	text-align: center;
	z-index: 9;
	top:130px;
	/* background: url(../img/title.png) no-repeat; */
	background-size:100% 100%;
	height:70px;
	left:10%;
	line-height: 25px;
	color: #fff;
}
.sy_time{
	width:100%;
	position: absolute;
	z-index: 9;
	height:60px;
	line-height: 48px;
	color: #fff;
	font-size: 16px;
}
.sy_time span{
	font-weight: bold;
	padding-right: 10%;
}
.sy_time a{
	color: #ffffff;
}
@media (min-width:320px ) {
	.sy_time span{
	font-size: 18px;
}
}
@media (min-width:375px ) {
	.sy_time span{
	font-size: 24px;
}
}
@media (min-width:414px ) {
	.sy_time span{
	font-size: 26px;
}
}
.sy_paodao{
	width:100%;
	position: fixed;
	bottom:0px;
	overflow: hidden;
}
.sy_paodao img{
	width:500%;
	position: relative;
}
.sy_city{
	width:100%;
	position: fixed;
	overflow: hidden;
}
.sy_city img{
	width:200%;
	position: relative;
}
.sy_car{
	width:100%;
	position: fixed;
	overflow: hidden;
	z-index: 999999;
}
.sy_car .car{
	position: relative;
	width:100%;
	left:-50px;	
	-webkit-animation:car 2s 1 linear forwards;
	-ms-animation:car 2s 1 linear forwards;
	-moz-animation:car 2s 1 linear forwards;
	animation:car 2s 1 linear forwards;
}
@-webkit-keyframes car{
	0%{
		left:-58%;
	}
	100%{
		left:20%;
	}
}
.sy_car .car img{
	width:60%;
}
.sy_car .car .luntai{
	width:8.8%;
	position: absolute;
	-webkit-animation:luntai 30ms 100 linear forwards;
	-ms-animation:luntai 30ms 100 linear forwards;
	-moz-animation:luntai 30ms 100 linear forwards;
	animation:luntai 30ms 100 linear forwards;
}
.sy_car .car .luntai-left{
	left:5.1%;
	top:62.6%;
}
.sy_car .car .luntai-right{
	left:44.4%;
	top:62.6%;
}
@-webkit-keyframes luntai{
	0%{
		-webkit-transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
	}
}
.sy_qipao{
	width:100%;
	position: fixed;
	bottom:32%;
	overflow: hidden;
	text-align: center;
	display: none;
}
@media (min-width:768px ) {
	.sy_qipao{
	bottom:40%;
}
}
.sy_qipao img{
	width:50%;
}
.allhead{
	    		width:100%;
	    	}
	    	.allhead .bd{
	    		width:100%;
	    		overflow: hidden;
	    		position: relative;
	    	}
	    	.allhead .city2{
	    		width:200%;
	    		position: absolute;
	    		bottom:0;
	    		left: 0;
	    		-webkit-animation:city2 20s infinite linear ;
				-ms-animation:city2 20s infinite linear ;
				-moz-animation:city2 20s infinite linear ;
				animation:city2 20s infinite linear ;
	    	}
	    	@-webkit-keyframes city2{
	    		from{left: 0%;}
	    		to{left: -100%;}
	    	}
	    	@keyframes city2{
	    		from{left: 0%;}
	    		to{left: -100%;}
	    	}
	    	.allhead .bd img{
	    		width:50%;
	    		float: left;
	    	}
	    	.allhead .paodao2{
	    		width:100%;
	    		position: relative;
	    		overflow: hidden;
	    	}
	    	.allhead .paodao2 img{
	    		position: absolute;
	    		top:0;
	    		left: 0;
	    	}
	    	.allhead .paodao2 .pic-pd{
	    		width:200%;
	    		-webkit-animation:paodao2 5s infinite linear ;
				-ms-animation:paodao2 5s infinite linear ;
				-moz-animation:paodao2 5s infinite linear ;
				animation:paodao2 5s infinite linear ;
	    	}
	    	@-webkit-keyframes paodao2{
	    		from{left: 0%;}
	    		to{left: -100%;}
	    	}
	    	@keyframes paodao2{
	    		from{left: 0%;}
	    		to{left: -100%;}
	    	}
	    	.allhead .car2{
	    		width:100%;
	    		position: relative;
	    		height:1px;
	    	}
	    	.allhead .car2 img{
	    		position: absolute;
	    		left: 40%;
	    		width:20%;
	    	}
	    	.allhead .car2 .lunt{
	    		position: absolute;
	    		width:3%;
	    		-webkit-animation: lunt 50ms infinite;
	    		   -moz-animation: lunt 50ms infinite;
	    		    -ms-animation: lunt 50ms infinite;
	    		        animation: lunt 50ms infinite;
	    		
	    	}
	    	@-webkit-keyframes lunt{
	    		from{
	    			-webkit-transform: rotate(0deg);
	    			   -moz-transform: rotate(0deg);
	    			    -ms-transform: rotate(0deg);
	    			        transform: rotate(0deg);
	    		}
	    		to{
	    			-webkit-transform: rotate(360deg);
	    			   -moz-transform: rotate(360deg);
	    			    -ms-transform: rotate(360deg);
	    			        transform: rotate(360deg);
	    		}
	    	}
	    	@-moz-keyframes lunt{
	    		from{
	    			-webkit-transform: rotate(0deg);
	    			   -moz-transform: rotate(0deg);
	    			    -ms-transform: rotate(0deg);
	    			        transform: rotate(0deg);
	    		}
	    		to{
	    			-webkit-transform: rotate(360deg);
	    			   -moz-transform: rotate(360deg);
	    			    -ms-transform: rotate(360deg);
	    			        transform: rotate(360deg);
	    		}
	    	}
	    	@-ms-keyframes lunt{
	    		from{
	    			-webkit-transform: rotate(0deg);
	    			   -moz-transform: rotate(0deg);
	    			    -ms-transform: rotate(0deg);
	    			        transform: rotate(0deg);
	    		}
	    		to{
	    			-webkit-transform: rotate(360deg);
	    			   -moz-transform: rotate(360deg);
	    			    -ms-transform: rotate(360deg);
	    			        transform: rotate(360deg);
	    		}
	    	}
	    	@keyframes lunt{
	    		from{
	    			-webkit-transform: rotate(0deg);
	    			   -moz-transform: rotate(0deg);
	    			    -ms-transform: rotate(0deg);
	    			        transform: rotate(0deg);
	    		}
	    		to{
	    			-webkit-transform: rotate(360deg);
	    			   -moz-transform: rotate(360deg);
	    			    -ms-transform: rotate(360deg);
	    			        transform: rotate(360deg);
	    		}
	    	}
	    	.allhead .car2 .lunt-left{
                left:41.7%;
	    	}
	    	.allhead .car2 .lunt-right{
                left:54.8%;
	    	}
	    	@media(min-width:320px ) {
	    		.allhead .car2 img{	    		
	    		top:-40px;
	    	}
	    	.allhead .car2 .lunt{
	    		top:-19px;	
	    	}
	    	}
	    	@media(min-width:375px ) {
	    		.allhead .car2 img{	    		
	    		top:-50px;	    		
	    	}
	    	    .allhead .car2 .lunt{
	    		top:-25px;	
	    	}
	    	}
	    	@media(min-width:414px ) {
	    		.allhead .car2 img{	    		
	    		top:-53px;	    		
	    	}
	    	    .allhead .car2 .lunt{
	    		top:-26px;	
	    	}
	    	}
	    	@media(min-width:768px ) {
	    		.allhead .car2 img{	    		
	    		top:-110px;
	    	}
	    	.allhead .car2 .lunt{
	    		top:-59px;	
	    	}
	    	}
	    	.finish{
	    		width:100%;
	    	}
	    	.front-img{
	    		width:100%;
	    		float:left;
	    		padding: 0 15%;
	    		margin-top: 2%;
	    		list-style: none;
	    		margin-bottom:0;
	    	}
	    	.front-img li{
	    		width:28.8%;
	    		margin:0px 5px;
	    		float: left;
	    		border:3px solid #fff;
	    		border-radius:10px ;
	    	}
	    	.front-img li img{
	    		width:100%;
	    	}
	    	.address-show{
	    		width:70%;
	    		float:left;
	    		margin: 0 15%;
	    		background: url(../img/adress.png) no-repeat center;
	    		background-size: 100%;
	    	}
	    	.address-show .word{
	    		line-height: 80px;
	    		width:78%;
	    		margin-left: 22%;
	    		text-align: center;
	    		color: #5db7e9;
	    	}
	    	@media  (min-width:320px) {
	    		.address-show{	    		
	    		margin-top: 0%;
	    		margin-bottom: 0%;
	    		height:70px;
	    	}
	    	    .address-show .word{
	    		line-height: 70px;
	    	}
	    	}
	    	@media  (min-width:375px) {
	    		.address-show{	    		
	    		margin-top: 2%;
	    		margin-bottom: 2%;
	    		height:80px;
	    	}
	    	    .address-show .word{
	    		line-height: 80px;
	    	}
	    	}@media  (min-width:700px) {
	    		.address-show{	    		
	    		margin-top: 2%;
	    		margin-bottom: 2%;
	    		height:150px;
	    	}
	    	    .address-show .word{
	    		line-height: 150px;
	    	}
	    	}
	        .filepic{
	        	width:100%;
	    		float:left;
	    		padding: 0 20%;
	        }
	        .filepic p{
	        	color: #fff;
	        	text-align: center;
	        }
	        .a-upload {
			    width:31%;
			    margin: 1% 1%;
			    line-height: 20px;
			    position: relative;
			    cursor: pointer;
			    color: #888;
			    background: transparent;
			    border: 1px dotted #ddd;
			    border-radius: 4px;
			    overflow: hidden;
			    display: block;
			    *display: inline;
			    z-index: 98;
			    border: 1px dotted #d4d4d4;
				border-radius: 3px;
				background: #FFFFFF;
				color: #d4d4d4;
				text-align: center;
				line-height: 0;
				float: left;
			}
	        .a-upload:link{color:#d3d3d3}
			.a-upload:visit{color:#d3d3d3}
			.a-upload:hover{color:#d3d3d3}
			.a-upload  input {
				width:100%;
			    position: absolute;
			    font-size: 100px;
			    right: 0;
			    top: 0;
			    opacity: 0;
			    filter: alpha(opacity=0);
			    cursor: pointer;
			    z-index:99;    
			}
			.a-upload span{
				display: block;
			}
			
			.image_container{
				position: relative;
				z-index: 999;
			}
			.image_container img{
				width:100% !important;
				border-radius: 3px;
				position: relative;
				z-index: 99;
			}
			@media (min-width: 320px) {
				.del-list{
					font-size: 12px;	
				}
			}
			@media (min-width: 375px) {
				.del-list{
					font-size: 14px;	
				}
			}
			.del{
				position: absolute; 
				width:33%; 
				top:0;
			}
			.del-one{
				left: 0;
			}
			.del-two{
				left: 32.5%;
			}
			.del-three{
				left: 65%;
			}
			.del-list{
				width:100%;
				margin: 1% 1%;
				padding: 3px;
				text-align: center;
				color: #666;
				padding: 4px 0;
			}
			.del-list .bg{
				padding: 5px 5px;
				display: inline-block;
				background: #0088CC;
				color: #FFFFFF;
				margin-top: 4px;
				border-radius: 3px;
			}
			.words{
			position:absolute;
			z-index:98;
			text-align:center;
			width:100%;
			padding-top:50%;
			color: #5db7e9;
			}
			@media (min-width: 320px) {
				.words{
				    font-size:12px
				}
				.wordtwo{
				padding-top:20%;
				}
				.anniu{				
				padding: 3% 25%;
			}
			}
			@media (min-width: 375px) {
			
				.words{
				    font-size:14px
				}
				.wordtwo{
				padding-top:30%;
				}
				.anniu{				
				padding: 4% 25% 0 25%;
			}
			}
			@media (min-width: 424px) {					
				.anniu{				
				padding: 4% 25% 4% 25%;
			}
			}
			.words p{
			line-height:10px;			
			}
			.anniu{
				width:100%;
				float: left;
				text-align: center;
			}
			.anniu img{
				width:100%
			}
.put_bd{
	width:100%;
	float:left;
}
@media (min-width:320px ) {
	.put_bd{
	padding: 2% 8%;
}
}
@media (min-width:375px ) {
	.put_bd{
	padding: 3% 8%;
}
}
.put_bd .title_pic{
	width:100%;
	float: left;
}
.put_bd .title_pic img{
	width:30%;
}
.put_bd .bd{
	width:100%;
	float: left;
	margin-left: 2%;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-indent: 2%;
	margin-top: 3%;
	margin-bottom: 0%;
}
.text-white{
	color: #ffffff;
}
@media only screen and (min-width:320px ) {
	.xx{
	font-size: 12px;
}
}
@media only screen and (min-width:375px ) {
	.xx{
	font-size: 14px;
}
.put_bd .bd{
	font-size: 14px;
}
}
@media only screen and (min-width:768px ) {
.put_bd .bd{
	font-size: 22px;
}
}
/*.margin_top-20px{
	margin-top:20px;
}*/
input{
	border: none;
	background: transparent !important;
	width:89%;
}
.spp{
	width:8%;
	display: inline-block;
}
.spp img{
	width:85%;
}
.begin{
	width:100%;
}
.begin img{
	width:100%;
}
.bottomx{
	width:100%;
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin-top: 3%;
}
@media (min-width:320px ) {
	.bottomx{
	margin-top: 2.5%;
}
}
@media (min-width:375px ) {
	.bottomx{
	margin-top: 7%;
}
}
@media (min-width:414px ) {
	.bottomx{
	margin-top: 9%;
}
}
.fengx{
	width:100%;
	height:100%;
	position: fixed;
	background: rgba(0,0,0,.5);
	z-index: 9999;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
}
.fengx img{
	float:right;
	width:25%;
}
.fengx p{
	width:100%;
	float: left;
	text-indent: 60%;
}





